<template>
	<div :class="class1 ? 'class1 header-bar-center' : 'header-bar-center '">
		<ul class="bar-bilibili">
			<li class="left-bili">
				<a href="#">
					<img src="./images/Snipaste_2022-04-15_17-24-43.png" alt="bilibili" />
					<div class="left-shouye">
						<span class="left-one">首页</span>

						<span class="iconfont icon-xiangxia"></span>
					</div>
				</a>
			</li>
			<li>
				<a href="#">番剧</a>
			</li>
			<li>
				<a href="#">直播</a>
			</li>
			<li>
				<a href="#">游戏中心</a>
			</li>
			<li>
				<a href="#">会员购</a>
			</li>
			<li>
				<a href="#">漫画</a>
			</li>
			<li>
				<a href="#">赛事</a>
			</li>
		</ul>
		<div class="bar-search">
			<div class="search-center">
				<form class="search-form">
					<input
						class="search-box"
						type="text"
						placeholder="智商天花板，亦有差距"
					/>
					<span class="iconfont icon-Magnifier"></span>
				</form>
			</div>
		</div>
		<ul class="bar-user">
			<li class="user-img v-popover-wrap" @click="loginHandler">
				<div class="img-info">
					<!-- <img
						src="./images/ab7e62e6341b5d94d46deb7a37fb16c15e1c57e8.jpg@240w_240h_1c_1s.webp"
							class="imger"
							alt="用户头像"
						/> -->
				</div>
			</li>
			<li class="v-popover-wrap">
				<span class="iconfont icon-huiyuan"></span>
				<span>大会员</span>
			</li>
			<li class="v-popover-wrap">
				<span class="iconfont icon-xiaoxi1"></span>
				<span>消息</span>
			</li>
			<li class="v-popover-wrap">
				<span class="iconfont icon-dongtai"></span>
				<span>动态</span>
			</li>
			<li class="v-popover-wrap">
				<span class="iconfont icon-shoucang"></span>
				<span>收藏</span>
			</li>
			<li class="v-popover-wrap">
				<span class="iconfont icon-lishi"></span>
				<span>历史</span>
			</li>
			<li class="v-popover-wrap">
				<span class="iconfont icon-dengpao"></span>
				<span>创作中心</span>
			</li>
			<li class="v-popover-wrap">
				<div class="pushWord">
					<span class="iconfont icon-shangchuan1"></span>
					<span>投稿</span>
				</div>
			</li>
		</ul>
	</div>
</template>

<script>
export default {};
</script>

<style></style>
